﻿html, body{
  /*height:100%;
  width:100%;*/
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
}

#header {

	font-family: Tahoma, Verdana, sans-serif;

	font-size: large;

	color: #FFFFFF;

	width: 100%;

	margin-bottom: 5px;

	background-image:url(img/header.jpg);

	background-repeat: repeat-x;

}

.main {

	font-family: Tahoma, Verdana, sans-serif;

	font-size: 14px;

	width: 100%;

}

#main-table {

	height: 100%;

	width: 100%;

	padding: 0px;

	vertical-align: top;

}

.nav {

	width: 260px;

	height: 100%;

}

.nav-header {

	font-weight: bold;

	color: #3c80c1;

	font-size: medium;

}

.nav-item {

	background-color: #d0e3f1;

	margin-top: 3px;

	margin-bottom: 3px;

	padding: 2px;

}

.nav-container {

	overflow: auto;

	width: 96%;

	list-style-type: circle;

}

.nav-container a {

	font-size: 12px;

	color: #4a5b65;

	text-decoration: underline;

	font-weight: bold;

}

a {

	color: #4a5b65;

	text-decoration: underline;

	font-weight: bold;

}

.list {

	font-size: 12px;

	font-weight: bold;

	color: #4a5b65;

}

.viewer-box {

	width: 100%;

	border: thin solid #336699;

	padding: 0px;

	height: 100%;

	overflow: auto;

}

.viewer-head {

	font-size: large;

	color: #FFFFFF;

	padding: 5px;

	margin-bottom: 10px;

	background-color: #0C3E73;

}

.input {

	background-color: #f1f8ff;

	padding: 5px;

	margin-bottom: 8px;

}



.viewer-head-left {
color:#FF6600
}

.viewer-head-right {

	text-align: right;

}





.viewer-container {
	overflow: auto;
	height:100%;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	vertical-align: top;
}

.viewer-tail {

	font-size: large;

	padding-right: 5px;

	padding-left: 5px;

	color: #FFFFFF;

	bottom:0%;

	position: relative;

	left: 0px;

	background-color: #0C3E73;

}

.item {

	border-top-width: 1px;

	border-right-width: 2px;

	border-bottom-width: 2px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #006699;

	border-right-color: #006699;

	border-bottom-color: #006699;

	border-left-color: #006699;

	margin-top: 10px;

	margin-bottom: 10px;

	padding-right: 5px;

	padding-left: 5px;

	padding-top: 3px;

}

.item-head {

	margin-bottom: 15px;

}

.item-title {

	font-size: medium;

	font-weight: bold;

	float: left;

}

.item-time {

	color: #999999;

	font-weight: normal;

	text-align: right;

}

.item-content {

	font-size: small;

}

.item-tail {

	font-size: medium;

}

.item-author {

	color: #999999;

	clear: left;

	font-size: small;

	margin-top: 8px;

}

td {

	vertical-align: top;

}

.content {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-style: normal;

	color: #000000;

}

#status {

	background-color: #fbfcb3;

	padding: 5px;

	margin-top: 5px;

	margin-bottom: 5px;

	border: thin  #CC0000;

	display: none;

}

.table-header {

	font-size: medium;

	font-weight: bold;

}

#color-picker {

	height: 15px;

	width: 15px;

}

.tab{

	background-color:#2c67a5;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	float: left;



	/*margin-left:5;*/

	margin-right:5px;

}

.selected-tab{

	background-color:#0c3e73;

	padding-top: 5px;

	padding-right: 10px;

	padding-bottom: 5px;

	padding-left: 10px;

	float: left;



	/*margin-left:5;*/

	margin-right:5px;

}

.tab a{

	color:#E5E5E5;

}

.selected-tab a{

	color:#FFFFFF

}

#tabs {
}

#viewer-tail2{
	color: #FFFFFF;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	height:30px;
	background-color: #0C3E73;
	font-size: large;
	padding-right: 5px;
	padding-left: 5px;
}

#viewer-header2{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:30px;
	background-color: #0C3E73;
	font-size: large;
	color: #FFFFFF;
	padding-right: 5px;
	padding-left: 5px;
}



/* these styles are used in reader.php */

.groupWrapper

{

	width: 255px;

	float: left;

	margin-right: 1%;

}

.serializer

{

	clear: both;

}

.groupItem

{

	margin-bottom: 20px;

	border-bottom: 2px solid #0C3E73;

	background-color: #E4E4E4;

}

.groupItem .itemHeader

{

	line-height: 28px;

	background-color: #2C67A5;

	border-top: 2px solid #0C3E73;

	color: #000;

	cursor: move;

	font-weight: bold;

	font-size: 11px;

	position: relative;

	padding-top: 2px;

	padding-left: 10px;

	color: #FFFFFF;

}



.groupItem .itemHeader a

{

	position: absolute;

	right: 10px;

	font-weight: normal;

	font-size: 11px;

	text-decoration: none;

	color: #CCCCCC;

}

.unsubcribe

{

	font-size: 9px;

	color: #0099FF;

	padding-right: 5px;

	position: relative;

	left: 10px;

}

.sortHelper

{

	border: 2px dashed #999999;

	width: auto;

}

#settingPanel {

	margin: 15px;

}